/*
            /$$
    /$$    /$$$$
   | $$   |_  $$    /$$$$$$$
 /$$$$$$$$  | $$   /$$_____/
|__  $$__/  | $$  |  $$$$$$
   | $$     | $$   \____  $$
   |__/    /$$$$$$ /$$$$$$$/
          |______/|_______/
================================
        Keep calm and get rich.
                    Is the best.

  	@Author: Dami
  	@Date:   2019-03-18 17:47:07
  	@Last Modified by:   Dami
  	@Last Modified time: 2019-03-18 22:34:25
*/

/*--------------------------------------------------------------
    dialog
--------------------------------------------------------------*/
.nice-tips,
.nice-tips-overlay {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

.nice-tips {
	position: fixed;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	pointer-events: none
}

.nice-tips-open {
	z-index: 1031;
}

.nice-tips-overlay {
	position: absolute;
	background: rgba(120, 129, 147, .22);
	opacity: 0;
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
	-webkit-backface-visibility: hidden
}

.nice-tips-open .nice-tips-overlay {
	opacity: 1;
	pointer-events: auto;
}

.nice-tips-content {
	background: #fff;
	padding: 1.25rem;
	position: relative;
	opacity: 0;
	border-radius: 6px;
	border: 1px solid #f4f5f9;
	box-shadow: 0 10px 50px -5px rgba(6, 39, 67, 0.12);
}

.nice-tips-open .nice-tips-content {
	pointer-events: auto;
}

.big-tips-content {
	width: 100%;
	padding: 0;
	border: 0;
}

@media (min-width:992px) {
	.nice-tips-full.nice-tips-open .nice-tips-overlay {
		background: rgba(52, 58, 64, 0.9);
	}

	.big-tips-content {
		max-width: 790px;
	}

	@supports (-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px)) {
		.nice-tips-full.nice-tips-open .nice-tips-overlay {
			-webkit-backdrop-filter: blur(10px);
			backdrop-filter: blur(10px);
		}

	}

}

@media (max-width:991.98px) {
	.nice-tips-full {
		-webkit-align-items: center;
		align-items: flex-start;
		-webkit-justify-content: center;
		justify-content: flex-start;
	}

	.nice-tips-full .nice-tips-content {
		box-shadow: none;
		height: 100%;
		border-radius: 0;
	}

	.nice-tips-full .btn-close-tips {
		transform: translateY(-50%);
	}

	.nice-tips-full .btn-close-tips  svg path {
		fill: #888;
	}

}

/*--------------------------------------------------------------
    tips
--------------------------------------------------------------*/
.nice-tips-overlay {
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.nice-tips.nice-tips-open .nice-tips-content,
.nice-tips.nice-tips-close .nice-tips-content {
	-webkit-animation-duration: .3s;
	animation-duration: .3s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards
}

.nice-tips.nice-tips-open .nice-tips-content {
	-webkit-animation-name: tips-open;
	animation-name: tips-open
}

.nice-tips.nice-tips-close .nice-tips-content {
	-webkit-animation-name: tips-close;
	animation-name: tips-close
}

.mini-tips-content {
	max-width: none;
	min-width: auto;
	width: auto;
	padding: 2rem;
	max-width: 340px;
	padding: 1.75rem 2.5rem;
}

.nice-tips-content .text-success svg path {
	fill: #28a745;
}

.nice-tips-content .text-danger svg path {
	fill: #ffc107;
}

.btn-close-tips {
	position: absolute;
	bottom: 0px;
	left: 0;
	width: 100%;
	z-index: 44;
	cursor: pointer;
	transform: translateY(150%);
	text-align: center;
}

.btn-close-tips svg path {
	fill: #fff
}

@-webkit-keyframes tips-open {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 50px, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0)
	}

}

@keyframes tips-open {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 50px, 0);
		transform: translate3d(0, 50px, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

}

@-webkit-keyframes tips-close {
	0% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 50px, 0)
	}

}

@keyframes tips-close {
	0% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}

	100% {
		opacity: 0;
		-webkit-transform: translate3d(0, 50px, 0);
		transform: translate3d(0, 50px, 0)
	}

}

/*
   post cover style
*/
.nice-tips-cover .nice-tips-overlay{
	background: rgb(120, 129, 147);
}
.cover-tips-content {
	max-width: 340px;
	padding: 0;
	border: 0;
	border-radius: .22rem;
}

.cover-image {
	position: relative;
	overflow: hidden;
	border-radius: .22rem .22rem 0 0;
	padding: 0;
}

.cover-image img {
}

.cover-overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-filter: blur(10px);
	filter: blur(20px);
	z-index: -1;
}

.cover-overlay:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .11;
}

.cover-share {
	text-align: center;
	padding: 1rem 0;
	border-top: 1px solid #f4f6f9;
}

.cover-share a {
	color: #8a92a9;
	padding: .25rem;
	margin: .25rem;
	font-size: 1.125rem;
}

.cover-share a:hover {
	color: #062743;
}

.cover-text {
	text-align: center;
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	z-index: 44;
	cursor: pointer;
	transform: translateY(-36px);
	text-align: center;
	color: #fff;
	font-size: .875rem;
}